<template>
	<view class="swiper-item">
		<view class="item-title">
			<text>1.行内元素有哪些</text>
		</view>
		<view class="item-content">
			<view class="item-result">
				<image class="item-img" src="../../static/imgs/result.png" mode=""></image>
				<view class="result">结果:</view>
			</view>
			<view class="rec">
				<text>块级元素：</text></br>
				<text>h1-h6:1-6级标级</text>
			</view>
			<view class="item-result">
				<image class="item-img" src="../../static/imgs/explain.png" mode=""></image>
				<view class="result">解释:</view>
			</view>				
			<view class="parsing">
				<text>常用知识，牢记</text>
			</view>
		</view>
	</view>
</template>

<script>

</script>

<style scoped>
	.swiper-item{
		margin-top: 0rpx;
		margin-bottom: 100rpx;
	}
	.item-title{
		width: 100%;
		height: 100%;
		font-size: 30rpx;
		padding: 0 20rpx;
		font-weight: normal;
		color: #344356;
		box-sizing: border-box;
	}
	.rec{
		font-family: Microsoft YaHei;
		color: #333333;
	}
	.item-content{
		display: flex;
		flex-direction: column;
		padding: 0 20rpx;
		box-sizing: border-box;
	}
	.item-result{
		display: flex;
	}
	.item-img{
		width: 45rpx;
		height: 44rpx;
	}
	.result{
		width: 576rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: #333333;
		padding-left: 10rpx;
	}
	.parsing{
		color: aqua;
	}
</style>
